import React, { Component } from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Card, Col, Row } from 'antd';
import CategoryTree from './components/CategoryTree';
import WrappedCategoryEditForm from '@/pages/item/category/components/CategoryEdit';

/**
 * 标准组件属性列表
 */
interface StandardModuleState {
  loading: boolean;
}

// eslint-disable-next-line react/prefer-stateless-function
class LocalModule extends Component<StandardModuleState> {
  render() {
    return (
      <PageHeaderWrapper>
        <Card bordered={false}>
          <Row gutter={24}>
            <Col sm={6} xs={24} style={{ background: '#fafafa', padding: 5 }}>
              <CategoryTree />
            </Col>
            <Col sm={18} xs={24}>
              <WrappedCategoryEditForm />
            </Col>
          </Row>
        </Card>
      </PageHeaderWrapper>
    );
  }
}

export default LocalModule;
